import React, { useState } from 'react';
import style from './index.module.less';
import { Rate } from 'antd';
// import Case from "../case/index";
import Slider from 'react-slick';
import Start from '../start/index';
import Team from '../team/index';
import Problem from '../problem/index';
import Problem2 from '../problem/index2';
import doctor from '@/style/imgs/homePage/7_op.png';
import img1 from '../../style/imgs/plish/edit_select.0c54bc1.jpg';
import img2 from '../../style/imgs/plish/text2.7d8d679.jpg';
import img3 from '../../style/imgs/plish/text3.1b5fdf7.jpg';
import img4 from '../../style/imgs/plish/text4.f235794.jpg';
import img5 from '@/style/imgs/homePage/doctor1.png';
import img6 from '@/style/imgs/homePage/doctor2.png';
import img7 from '@/style/imgs/homePage/doctor3_2.png';
import img8 from '@/style/imgs/homePage/doctor4.png';

const Plish = () => {
    const settings = {
        dots: true,
        infinite: true,
        speed: 500,
        slidesToShow: 1,
        slidesToScroll: 1,
        autoplay: true,
    };
    const [contrastList, setContrastList] = useState([
        {
            img: img2,
            title: '初级润色',
            desc: '系统梳理稿件文句的基础问题，包括时态、语法、用词前后不一致等',
        },
        {
            img: img3,
            title: '深度润色',
            desc: '梳理逻辑、精简内容、加强连贯性与可读性，让文稿“干练精彩”',
        },
        {
            img: img4,
            title: '终极润色',
            desc:
                '医学英文母语编辑，参考目标期刊风格，对文稿进行母语化精修，贴合期刊要求与审稿人语境，降低退稿风险',
        },
    ]);
    const [introductionList, setIntroductionList] = useState([
        {
            name: 'Aaliyah',
            title: '哈佛医学院生物医学博士学位',
            title2: '专注于生命科学与医学大类，尤其擅长临床医学、分子生物学、细胞生物学等学科',
            num: '2500+',
            num2: '99.8%',
            start: 5,
            img: img8,
        },
        {
            name: 'Adonis',
            title: '哈佛医学院生物医学博士',
            title2: '专注于生命科学与医学大类,尤其擅长神经学、糖尿病与内分泌学等领域',
            num: '2000+',
            num2: '99.2%',
            start: 5,
            img: img7,
        },
        {
            name: 'Dana',
            title: '哈佛医学院生物医学博士学位',
            title2: '专注于生命科学与医学大类，尤其擅长儿科、妇产科、生殖学、外科等学科',
            num: '2000+',
            num2: '97.6%',
            start: 5,
            img: img6,
        },
        {
            name: 'Jolene',
            title: '哈佛医学院生物医学博士学位',
            title2: '专注于生命科学与医学大类，尤其擅长心血管科学、肿瘤免疫学、遗传学、内科等学科',
            num: '1600+',
            num2: '98%',
            start: 5,
            img: img5,
        },
    ]);
    return (
        <>
            {/* 头部介绍 */}
            <div className="switchItem1">
                <div className="content">
                    <div className="desc">
                        <div className={`h2 strong`}>中文编辑手译文稿</div>
                        <div className={`h2 strong`}>母语编辑贴合语境</div>
                        <div className={`h1 strong`}>双线指导，保驾护航</div>
                        <div className={`h3 strong`}>突出文稿“个人特色”</div>
                        <div className={`h3 strong`}>全力助益过稿登刊</div>
                    </div>
                    <div className="banner_img" style={{ marginTop: '1%' }}>
                        <img src={doctor} alt="图片加载失败" />
                    </div>
                </div>
            </div>
            {/* 为什么选择预审评估 */}
            <div className={style.prequalification}>
                <img src={img1} alt="图片加载失败" />
                <div className={style.pre_right}>
                    <div className={`h2 black ${style.h2}`}>每位医学科研人，都会遇到以下难题</div>
                    <div className={style.pre_item}>
                        <div className={`h3 strong ${style.h3}`}>品质低：</div>
                        <div className={style.h4}>
                            SCI论文的发表难度越来越大
                            ，现阶段学业晋升、职称评级等都需要SCI，期刊接收的投稿多、审核严，竞争激烈。这种背景下，SCI论文润色公司越来越多，但市场混乱无序、品质鱼龙混杂，一不小心就会上当受骗。
                        </div>
                    </div>
                    <div className={style.pre_item}>
                        <div className={`h3 strong ${style.h3}`}>时间少：</div>
                        <div className={style.h4}>
                            日常临床工作忙、任务重
                            ，没有时间和精力去做学术研究，如果没有SCI傍身，将严重影响个人职称评定和未来前途。
                        </div>
                    </div>
                    <div className={style.pre_item}>
                        <div className={`h3 strong ${style.h3}`}>规则多：</div>
                        <div className={style.h4}>
                            医学工作者费尽心思完成了科研设计、实施实验、数据分析、论文写作，可是最后卡在了语言差异的关键环节。自译文稿内容臃肿、准确性不足，影响文稿整体水平，拉低稿件录用率。而且SCI期刊成百上千，各个期刊对语言风格、文稿质量的要求各不相同，作者们经常摸不着头脑，做了许多无用功。
                        </div>
                    </div>
                </div>
            </div>

            {/* 发表案例 */}
            {/* <Case /> */}
            <div className={style.contrast_body}>
                <div className={`h2 black ${style.h2}`}>
                    万方寰宇 提供专业医学SCI润色服务 解决您的顾虑
                </div>
                <div className={`h3 ${style.h3}`}>润色成果展示</div>
                <div className={`slider-container ${style.slider_container}`}>
                    <Slider {...settings}>
                        {contrastList.map((item: any, index: number) => (
                            <div className={style.contrast_item} key={index}>
                                {/* <div className={`${style.h3} h3 strong`}>{item.title}</div> */}
                                <div className={`${style.h3} h3`}>{item.desc}</div>
                                <div className={style.contrast_img}>
                                    <img src={item.img} alt="图片加载失败" />
                                </div>
                            </div>
                        ))}
                    </Slider>
                </div>
            </div>
            {/* 部分编辑简介 */}
            <div className={style.brief_introduction}>
                <div className={`h2 black ${style.h2}`}>部分编辑简介</div>
                <div className="h4">Team profile</div>
                {introductionList.map((item: any, index: number) => {
                    return (
                        <div className={style.profile_item}>
                            <div className={style.profile_start}>
                                <span className="h4">编辑评级 </span>
                                <Rate allowHalf defaultValue={item.start} />
                            </div>
                            <div className={style.profile_content}>
                                <div className={style.content_left}>
                                    <img
                                        src={item.img}
                                        alt="图片加载失败"
                                        className={`${
                                            index === 0
                                                ? style.bigImg
                                                : index === 1
                                                ? style.soBigImg
                                                : ''
                                        }`}
                                    />
                                    <div className="h3 strong">{item.name}</div>
                                </div>
                                <div className={style.content_right}>
                                    <div className="h4 strong">学历背景</div>
                                    <p className="h4">{item.title}</p>
                                    <div className="h4 strong">擅长领域</div>
                                    <p className="h4">{item.title2}</p>
                                    <div className={`h4 strong ${style.num}`}>
                                        累计润色<span>{item.num}</span>论文，好评率
                                        <span>{item.num2}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    );
                })}
            </div>
            {/* 常见问题 */}
            <Problem2 />
            {/* 客户好评 */}
            {/* <Start /> */}
            {/* 服务质量保证 */}
            {/* <div className={style.quality_body}>
      <div className={`h2 black ${style.h2}`}>服务质量保证</div>
      <p>
        经万方寰宇深度润色或终极润色服务修改后的完整稿件可以满足期刊对文章的语言要求。如果投稿期刊的编委或者审稿人指出我们的返稿文件中有具体的语言问题，您可以将原始的审稿意见提交给我们，万方寰宇会负责免费重修这些有问题的句段，直至满足该投稿期刊的语言要求。
      </p>
      <p>
        注：润色服务旨在提高文章语言质量，但不保证文章的重复率满足投稿期刊的要求，即可能会造成润色后文章整体重复率的上升或下降。如果客户对文章有重复率方面的顾虑或担忧，请参考我们的查重去重服务。
      </p>
      <div className={`h2 black ${style.h2} ${style.level2}`}>免责声明</div>
      <p>
        在客户选择某一等级的服务后，万方寰宇编辑经过初始评估可能会提出升级服务的要求，如果客户坚持原服务等级，则万方寰宇不对该文章在审稿过程中被指出的语言问题负责。此外，在万方寰宇润色服务结束后，若客户在润色的最终完整稿件中自行添加或修改文字，或者没有接受万方寰宇编辑对语言的修改与建议，导致文章被投稿期刊指出语言问题，则我们也不负责对该稿件进行免费重修。
      </p>
    </div> */}
            {/* 编辑团队 */}
            {/* <Team /> */}
            {/* 常见问题 */}
            {/* <Problem /> */}
        </>
    );
};

export default Plish;
